@charset 'UTF-8';
@import '../../../config/scss/function.scss',
'../../../config/scss/config.scss';
.forget {
  background-color: $c7;
  .panel{
    margin-top: 70px;
    margin-bottom: 140px;
    border-radius: 0;

    .panel-heading{
      padding-top: 20px;
      height: 70px;
      border: 0;
      background-color: $c1;
      color: #fff;
      border-radius: 0;

      .title{
        font-size: 24px;
      }
    }

    .form-group{
      margin-left: 36px;
    }
    .form-group-password{
      margin: 0;
      margin-top: 40px;
      margin-left: 36px;
      margin-right: 36px;
      border-bottom: 1px solid $c5;
      padding-bottom: 20px;
      display: flex;
      flex-flow: row nowrap;
      align-items: center;

      label {
        font-size: 16px;
        color: $c2;
      }

      label.col{
        padding: 0;
      }


      input{
        border: 0;
        box-shadow: none;
      }
    }

    .button-form-group, .button-form-group-phone{
      margin-top: 40px;
      margin-bottom: 40px;
      text-align: center;
      button, button:hover{
        border-radius: 20px;
        border: 1px solid $c1;
        background-color: $c1;
        color: #fff;
        font-size: 18px;
        padding: 5px 20px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .forget {
    background-color: #fff;
    .panel{
      border: 0;
      box-shadow: none;
      .panel-heading{
        background-color: #fff;
        color: $c3;
        .title{
          padding-left: 15px;
        }
      }
      .form-group-password{
        margin: 0;
      }
    }
  }
}
